<template>
  <view class="recommend">
    <text style="line-height: 30px; font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 1)"
      >改进推荐教程视频</text
    >
    <RecommendCard v-for="item in recommendCardList" :key="item" :recommendCard="item"></RecommendCard>
  </view>
</template>

<script setup lang='ts'>
import RecommendCard from '@/components/RecommendCard.vue'
const recommendCardList = [
  {
    pic: 'https://img.js.design/assets/img/65c07998062e29f4a9764794.jpg#22c8e0b5a2204df01bd14ddd5a45b372',
    text: '短跑脚掌落地技巧 ',
    timer: '3分钟',
    isLiked: false
  },
  {
    pic: 'https://img.js.design/assets/img/65cc533774ed8e84359633b1.jpg#41fcd0c814397ed23ebe9c5977113c53',
    text: '50米加速跑技巧 ',
    timer: '3分钟',
    isLiked: true
  },
]
</script>

<style>
</style>
